<div class="edit-body" *ngIf="isHowToShow == 2">
    <div class="login-form-body">

        <form nz-form class="form" [formGroup]="editPwsForm">

            <nz-form-item>
                <nz-form-label [nzSm]="6" [nzXs]="24" class="form-label" nzRequired nzFor="oldFundPwd">原支付密码</nz-form-label>
                <nz-form-control [nzSm]="14" [nzXs]="24" class="form-control" >
                    <input nz-input type="password" formControlName="oldFundPwd" id="oldFundPwd" placeholder="请输入原支付密码"
                        maxlength="6">
                    <nz-form-explain
                        *ngIf="editPwsForm.get('oldFundPwd')?.dirty && editPwsForm.get('oldFundPwd')?.errors">
                        原支付密码格式错误
                    </nz-form-explain>
                </nz-form-control>
            </nz-form-item>

            <nz-form-item>
                <nz-form-label [nzSm]="6" [nzXs]="24" class="form-label"  nzRequired nzFor="newFundPwd">新支付密码</nz-form-label>
                <nz-form-control [nzSm]="14" [nzXs]="24" class="form-control">
                    <input nz-input type="password" formControlName="newFundPwd" id="newFundPwd" placeholder="请输入新支付密码"
                        maxlength="6">
                    <nz-form-explain
                        *ngIf="editPwsForm.get('newFundPwd')?.dirty && editPwsForm.get('newFundPwd')?.errors">
                        新支付密码长度6位，字符种类必须数字
                    </nz-form-explain>
                    <nz-form-extra>密码由6位数字组成</nz-form-extra>
                </nz-form-control>
            </nz-form-item>

            <nz-form-item>
                <nz-form-label [nzSm]="6" [nzXs]="24" class="form-label"  nzRequired nzFor="newConfirmFundPwd">新支付密码确认</nz-form-label>
                <nz-form-control [nzSm]="14" [nzXs]="24" class="form-control">
                    <input nz-input type="password" formControlName="newConfirmFundPwd" id="newConfirmFundPwd"
                        maxlength="6" placeholder="请再次输入新支付密码">
                    <nz-form-explain
                        *ngIf="editPwsForm.get('newConfirmFundPwd')?.dirty && editPwsForm.get('newConfirmFundPwd')?.errors">
                        密码不一致
                    </nz-form-explain>
                </nz-form-control>
            </nz-form-item>



            <nz-form-item>
                <nz-form-control [nzOffset]="6" [nzSpan]="14" class="form-control">
                    <button nz-button [nzSize]="'large'" [nzType]="'primary'" (click)="submit(editPwsForm.value)"
                        [disabled]="editPwsForm.invalid">保存</button>
                </nz-form-control>
            </nz-form-item>

        </form>
    </div>
</div>


<div class="edit-body" *ngIf="isHowToShow != 2">
    <div class="login-form-body">

        <form nz-form class="form" [formGroup]="resetPwsForm">

            <nz-form-item>
                <nz-form-label [nzSm]="6" [nzXs]="24" class="form-label" nzRequired nzFor="verifyCode">验证码</nz-form-label>
                <nz-form-control [nzSm]="14" [nzXs]="24" class="form-control">
                    <nz-input-group nzSearch nzSize="large" [nzAddOnAfter]="suffixButton">
                            <input nz-input formControlName="verifyCode" id="verifyCode">
                    </nz-input-group>
                    <ng-template #suffixButton>
                        <button nzSearch nz-button nzType="primary" [nzLoading]="isLoading" [nzSize]="'large'" (click)="getVerifyCode(resetPwsForm.value)">{{authCodeLable}}</button>
                    </ng-template>
                    <nz-form-explain
                        *ngIf="resetPwsForm.get('verifyCode').dirty && resetPwsForm.get('verifyCode').errors">Please
                        input the verifyCode you got!</nz-form-explain>
                        <nz-form-extra>验证码将会发送到你的登录邮箱</nz-form-extra>
                </nz-form-control>
            </nz-form-item>

            <nz-form-item>
                <nz-form-label [nzSm]="6" [nzXs]="24" class="form-label" nzRequired nzFor="newFundPwd">新支付密码</nz-form-label>
                <nz-form-control [nzSm]="14" [nzXs]="24" class="form-control">
                    <input nz-input type="password" formControlName="newFundPwd" id="newFundPwd" placeholder="请输入新支付密码"
                        maxlength="6">
                    <nz-form-explain
                        *ngIf="resetPwsForm.get('newFundPwd')?.dirty && resetPwsForm.get('newFundPwd')?.errors">
                        新支付密码长度6位，字符种类必须数字
                    </nz-form-explain>
                    <nz-form-extra>密码由6位数字组成</nz-form-extra>
                </nz-form-control>
            </nz-form-item>

            <nz-form-item>
                <nz-form-label [nzSm]="6" [nzXs]="24" class="form-label" nzRequired nzFor="newConfirmFundPwd">新支付密码确认</nz-form-label>
                <nz-form-control [nzSm]="14" [nzXs]="24" class="form-control">
                    <input nz-input type="password" formControlName="newConfirmFundPwd" id="newConfirmFundPwd"
                        maxlength="6" placeholder="请再次输入新支付密码">
                    <nz-form-explain
                        *ngIf="resetPwsForm.get('newConfirmFundPwd')?.dirty && resetPwsForm.get('newConfirmFundPwd')?.errors">
                        密码不一致
                    </nz-form-explain>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-control [nzOffset]="6" [nzSpan]="14" class="form-control">
                    <button nz-button [nzSize]="'large'" [nzType]="'primary'" (click)="submit(resetPwsForm.value)"
                        [disabled]="resetPwsForm.invalid">保存</button>
                </nz-form-control>
            </nz-form-item>

        </form>
    </div>
</div>